.my-box{
  // background-color:#FBEBEC;
  background-color: var(--box-bg);
  padding-top: 20px;


  .head{
    display: flex;
    align-items: center;
    height: 140rpx;
    padding: 10px 10px;
    .image{
      width: 120rpx;
      height:120rpx;
      border-radius: 50%;
      margin-right: 10px;
    }
  }
  $height:80px;
  $item-height: $height - 20px;
  .content{
    margin: 0 10px;
    margin-top: 40px ;
    height: $height;
    border-radius: 20px;
    background-color: #fff;

    align-items: center;
    .grid-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 每行显示 3 个项目 */
    }


    .grid-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: $item-height;
      margin:0 10px ;
      margin-top: 10px;
      border-left: 1px solid #FAFAFA;
      .count{
        color: $primary-text-color2;
      }
      .grid-text {
        font-size: 12px;
        color: #333;
        margin-top: 15px;
        font-weight: bold;
      }
    }
    .grid-item:nth-of-type(1){
      border-left: none;
    }
  }
}

